import { Handle, Position } from '@xyflow/react'

const TwoPointNode = ({ data }) => {
  return (
    <>
      <Handle
        id="tpn1"
        type="source"
        // className="source target "
        position={Position.Top}
        style={{ width: '22px', height: '22px' }}
      ></Handle>
      {data.label}
      <Handle
        id="tpn2"
        type="target"
        // className="source target w-5 h-5"
        position={Position.Bottom}
        style={{ width: '22px', height: '22px' }}
      ></Handle>
    </>
  )
}

export default TwoPointNode
